<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据平台</title>
    <link rel="stylesheet" href="css/global.css" />
    <link rel="stylesheet" href="js/element/index.css" />
</head>
<body>
<div style="width: 100%; position: relative">
    <div class="column position_1">
        <div class="charts_border topChatsSize top_margin">
            <div class="h2_ h2_top">监测点通行数量排行</div>
            <div id="Sort" class="topChatsSize content show"></div>
        </div>
        <div class="charts_border midChatsSize common_chats_margin">
            <div class="h2_ h2_mid">当天地区统计数据</div>
            <div id="Line" class="midChatsSize content show"></div>
        </div>
        <div class="charts_border botChatsSize common_chats_margin">
            <div class="h2_ h2_bot">超限率前三地区</div>
            <div id="Distributed" class="botChatsSize content show"></div>
        </div>
    </div>
    <div class="mid_column position_2">
        <div style="width: 100%; margin-left: 5px">
            <div style="border-image: none;border-color: rgba(11,172,230,0)" class="charts_border mid_mid_chatsSize top_margin">
                <div class="mid_mid_chatsSize h1_ content">省级治超管理指挥中心</div>
                <div id="map" class="mid_mid_chatsSize content show"></div>
            </div>
            <div class="charts_border midBotChatSize mid_bot_margin">
                <div class="h2_ h2_bot">实时图片</div>
                <div class="midBotChatSize content show">
                    <div class="imgContainer">
                        <div class="img_">
                            <img src="https://tenfei01.cfp.cn/creative/vcg/800/new/VCG211177178924.jpg" />
                            <span>[车牌号码]</span>
                        </div>
                        <div class="img_">
                            <img src="https://tenfei01.cfp.cn/creative/vcg/800/new/VCG211177178924.jpg" />
                            <span>[车牌号码]</span>
                        </div>
                        <div class="img_">
                            <img src="https://tenfei01.cfp.cn/creative/vcg/800/new/VCG211177178924.jpg" />
                            <span>[车牌号码]</span>
                        </div>
                        <div class="img_">
                            <img src="https://tenfei01.cfp.cn/creative/vcg/800/new/VCG211177178924.jpg" />
                            <span>[车牌号码]</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="column position_3">
        <div class="charts_border topChatsSize top_margin">
            <div class="h2_ h2_top">省级治超管理指挥中心</div>
            <div class=" table_ topChatsSize content show">
                <div class="header"><span>时间</span><span>站点名称</span><span>车牌</span><span>测量值</span></div>
                <div id="table_body" style="height: 6.4rem;overflow: auto">

<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
<!--                    <div class="row"><span>2021-06-15 00:00:00</span><span>站点名称12</span><span>粤BF3556</span><span>10000</span></div>-->
                </div>
            </div>
        </div>
        <div class="charts_border midChatsSize common_chats_margin">
            <div class="h2_ h2_mid">系统资源</div>
            <div id="system" class="midChatsSize content show"></div>
        </div>
        <div class="charts_border botChatsSize common_chats_margin">
            <div class="h2_ h2_bot">通行车辆轴数比</div>
            <div id="pie" class="botChatsSize content show"></div>
        </div>
    </div>
</div>

<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/dark.js"></script>
<!--全局-->
<script src="js/GlobalInit.js"></script>
<!--column1charts1.js-->
<script src="js/column1charts1.js"></script>
<script src="js/column1charts2.js"></script>
<script src="js/column1charts3.js"></script>
<script src="js/column2charts2.js"></script>
<script src="js/column2charts3.js"></script>
<script src="js/geo.js"></script>
<script src="js/http.js"></script>
</body>
</html>